<template>
  <div class="foot">
      <div class="container">
        <div class="foot-left">
            <h3>-- 联系我们--</h3>
            <p>监督电话：18812345678</p>
            <p>公司地址：北京市长安街天安门1号</p>
        </div>
        <div class="foot-right">
            <div class="box1">
                <img src="../../../assets/erweima.jpg" alt="">
                <span>官方服务号</span>
            </div>
            <div class="box2">
                <img src="../../../assets/erweima.jpg" alt="">
                <span>xxxx</span>
            </div>
        </div>
      </div>
      <p>copyright©2016-2017   版权归XXXX文化传媒所有</p>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.foot{
    height: 193px;
    box-sizing: border-box;
	position: relative;
    left: 0;
	bottom: 0;
    right: 0;
	width: 100%;
	text-align: center;
	background-color: darkslategrey;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 1px;
    padding: 20px;
}
.container{
    width: 1100px;
    margin: 10px auto;
}
.foot>p{
    height: 50px;
    line-height: 50px;
    width: 1100px;
    margin: 0 auto;
}
.container::after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.foot-left,.foot-right{
    width: 50%;
    height: 93px;
    float: left;
    padding-left: 90px;
    box-sizing: border-box;
}
.foot-left{
    padding-top:10px;
}
.foot-right div{
    float: left;
    margin-right: 25px;
}
.foot-right img{
    width: 90px;
    height: 70px;
}
</style>